<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我们的故事 · Love Timeline</title>
  <link rel="stylesheet" href="style.css">
  <style>
    body {
      background: linear-gradient(to bottom, #fff0f5, #ffeef3);
      font-family: 'Helvetica Neue', sans-serif;
      margin: 0;
      padding: 0 1em;
    }
    .header {
      text-align: center;
      padding: 2em 1em 1em;
    }
    .header h1 {
      font-size: 26px;
      color: #e91e63;
      margin-bottom: 0.5em;
    }
    .header p {
      font-size: 16px;
      color: #777;
    }
    .story-node {
      background: #fff6fa;
      margin: 1.2em auto;
      padding: 1.2em;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
      max-width: 600px;
    }
    .story-node h3 {
      margin: 0 0 0.5em;
      font-size: 14px;
      color: #c2185b;
    }
    .story-title {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 0.8em;
    }
    .story-content {
      font-size: 15px;
      color: #555;
      line-height: 1.7;
      white-space: pre-line;
      display: block;
      width: 100%;
      word-break: break-word;
    }
    .nav {
      text-align: center;
      margin: 2em 0;
    }
    .nav a {
      background: #e91e63;
      color: white;
      text-decoration: none;
      padding: 0.6em 1.4em;
      border-radius: 24px;
      margin: 0 0.5em;
      display: inline-block;
      font-size: 15px;
    }
  </style>
</head>
<body>
  <div class="header">
    <h1>我们的小故事 📖</h1>
    <p>从相识、相知、相爱到彼此成为依靠</p>
  </div>

  <div class="story-node">
    <h3>📍 2025.03.07</h3>
    <p class="story-title">我们初次相识在小红书</p>
    <p class="story-content">
        你抱着比较小心谨慎的态度与我接触，问了我的需求然后加了微信。<br/>
        我们做了详细的自我介绍，甚至长时间深入地聊恋爱方面的观点。<br/>
        你说因为我说话理性的可怕，所以加了我。<br/>
        那时你还在“死磕”那位青岛人，我就“识相”地离开了。<br/>
        那一晚我们聊了挺久，也很深刻。<br/>
    </p>
  </div>

  <div class="story-node">
    <h3>📍 2025.03.08</h3>
    <p class="story-title">决定性的一晚</p>
    <p class="story-content">
        即使你已经在前一天表明了你有明确的选择，<br/>
        我还是没忍住来找你，想争取你。<br/>
        也许那个时候，我心里的潜意识已经爱上了你，<br/>
        哪怕只是以恋爱型搭子的身份，哪怕你那时的靠近只是激素引起的情感波动。<br/>
        你没有明确说“好”，但你无声地同意了。<br/>
        那一夜，格外惬意。<br/>
    </p>
  </div>

  <div class="story-node">
    <h3>📍 2025.04.09</h3>
    <p class="story-title">在一起的第一个月</p>
    <p class="story-content">
       那是我们在一起的第一个月。<br/>
       这一个月，我们互相认识了很多，也互相试探了很多。<br/>
       我们打了语音、视频；我们互相送了礼物；<br/>
       我们对着对方说着情话，即使那时我们还未曾见面，<br/>
       但我们都觉得——我们已经是老夫老妻了。<br/>
       我开始习惯你的存在，也开始试着靠近你，<br/>
       想走进你内心深处的那扇门。<br/><br/>

       第一个月时，我手写了一封信给你，还送了你一件首饰。<br/>
       你看着信哭了，却不愿意让我看到你哭。<br/>
       我想，你应该从那时起，感受到我对你真挚的爱。<br/>
       也许从某一天开始，你不再把我当网友、恋爱搭子，<br/>
       而是真正地——把我当成了男朋友。<br/><br/>

       那时，我们还开始计划我们的五一庐山之旅。
    </p>
  </div>

  <div class="story-node">
    <h3>📍 2025.04.10 - 04.30</h3>
    <p class="story-title">更深的了解，更真实的爱</p>
    <p class="story-content">
        如果只从感觉来看，我们好像没有那么“相爱”了。<br/>
        但这只是因为——我们彼此了解得更深了。<br/>
        世界上没有一块完全相同的石头，人也一样。<br/>
        <br/>
        我们依旧相爱，只是这份爱开始变得更细腻、也更真实。<br/>
        我们开始学着如何去爱对方，<br/>
        如何让彼此的相处更舒适。<br/>
        <br/>
        我们还是会互送礼物，还是会几乎每天视频通话，<br/>
        还是会聊很多很多，仿佛说不完的话题。<br/>
        在这些互动中，我更加理解了你，<br/>
        也更认识了真实的自己。<br/><br/>
        即使这段路磕磕绊绊，<br/>
        我们始终深爱着对方，<br/>
        小心翼翼地保护这份来之不易的爱。<br/><br/>
        当然，那时我们也已经开始满心期待——<br/>
        五一，我们要见面了。
    </p>
  </div>

  <div class="story-node">
    <h3>📍 2025.05.01 - 05.04</h3>
    <p class="story-title">感情曲线中的一个极点</p>
    <p class="story-content">
        随着时间的流逝与感情的加深，我们迎来了第一次见面旅行。<br/>
        回头来看，那依旧是你，也是我，最大胆的一步。<br/><br/>
    
        我记得你在宾馆给我开门，却躲在门后；<br/>
        我发现你时，你用一种既兴奋又害怕的眼神看着我，<br/>
        然后——你又躲开了。<br/>
        你连不知所措都那么可爱。<br/><br/>
    
        我的心在那一刻软得一塌糊涂，<br/>
        包都没放下，就忍不住去抱你、去抚摸你。<br/>
        庐山的景色很美，但也只能作为你的陪衬。<br/>
        你就像一个小精灵，在我身边轻盈跳跃着，真实又不真实。<br/><br/>
    
        明明我们只见了几天，<br/>
        我却感受到了久违的放松与愉快，<br/>
        你也尝试着不再压抑自己，去做你真正想做的事。<br/><br/>
    
        我终于真真切切地感受到，<br/>
        自己所爱的人也爱着自己，且在一起——<br/>
        这是一件多么美好、多么奢侈的事。<br/><br/>
    
        快乐总是短暂。<br/>
        分别那天，我在高铁上哭了许久，<br/>
        而你，也许是在背着我偷偷地哭。<br/>
        那种感觉像是刚打破一场梦、触碰到现实，<br/>
        却又被拉回梦境破碎的空虚与失落。<br/><br/>
    
        在我心里，你已经是我愿意为之抛下一切、<br/>
        去陪伴、去支持、去深爱的那一个且仅此一个的人。
    </p>
  </div>

  <div class="story-node">
    <h3>📍 2025.05.04 - 至今</h3>
    <p class="story-title">从“为你好”到“陪你好”</p>
    <p class="story-content">
        庐山之旅结束后，我们又各自回到了生活轨道。<br/>
        但和之前不一样的是——<br/>
        我更加爱你了，也相信你也更加爱我了。<br/><br/>
    
        我们已经把彼此，当成了家人一样的存在。<br/>
        可我，也许还是有些幼稚。<br/><br/>
    
        我记得那晚，我们因为一张夜车票起了争执。<br/>
        表面上是生活方式的冲突，<br/>
        实际上，是价值观和关系角色的正面对撞。<br/><br/>
    
        我总想“为你好”，<br/>
        却没意识到你早就有了属于自己的节奏和坚持。<br/>
        我想给你“更好的”，<br/>
        却不自觉地站在了“评判者”的位置上。<br/><br/>
    
        你说你觉得“被改变”、“被定义”、“被评判”。<br/>
        那一刻，我忽然醒了。<br/>
        我意识到：我爱的方式，需要被重构。<br/><br/>
    
        亲密，不是干涉，不是“我懂得更多”，<br/>
        而是允许彼此不一样，是尊重、理解和共存。<br/>
        从那时起，我开始学着放下控制，<br/>
        去真正“陪伴”你，爱你，而不是塑造你。
    </p>
  </div>

  <div class="nav">
    <a href="index.html">⬅ 返回首页</a>
    <a href="letter-list.html">前往信封页 ➡</a>
  </div>
</body>
</html>
